// 时间
var t = null;
t = setTimeout(time, 1000);

function time() {
	clearTimeout(t);
	dt = new Date();
	var y = dt.getFullYear();
	var mt = dt.getMonth() + 1;
	var day = dt.getDate();
	var h = dt.getHours();
	var m = dt.getMinutes();
	var s = dt.getSeconds();
	if (h < 10) {
		h = '0' + h;
	}
	if (m < 10) {
		m = '0' + m;
	}
	if (s < 10) {
		s = '0' + s;
	}
	document.querySelector(".showTime").innerHTML = '当前北京时间：' + y + "年" + mt + "月" + day + "日" + "--" + h + "时" + m + "分" + s + "秒";
	t = setTimeout(time, 1000);
}
time();


// 页面上方的内容
var reduce1 = document.querySelector('.no_header li:nth-child(3)');
var reduce2 = document.querySelector('.no_header li:nth-child(2)');
var reduce3 = document.querySelector('.no_header li:nth-child(1)');

// 配置axios
axios.defaults.baseURL = 'http://localhost:3000';
axios.interceptors.response.use((res) => {
	return res.data;
});

// 获取数量
axios.get('/ym/count').then((response) => {
	reduce1.innerHTML = response.bairen;
	reduce2.innerHTML = response.incr;
	reduce3.innerHTML = response.vaccinated;
});

// 立即执行函数
!(function () {
	var chartDom = document.getElementById('n_reduce');
	var myChart = echarts.init(chartDom);
	var option;
	option = {
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "shadow"
			}
		},
		color: ["#a9b9cb"],
		grid: {
			containLabel: true,
			left: '0%',
			right: '0%',
			top: '5%',
			bottom: '0%',
		},
		xAxis: {
			type: 'category',
			data: [],
			axisLabel: {
				textStyle: {
					color: 'rgba(255,255,255,0.5)',
					fontSize: 10
				},
				interval: false,
				rotate: 40
			},
			axisTick: {
				alignWithLabel: true
			},
			axisLine: {
				show: false
			}
		},
		yAxis: {
			type: 'value',
			splitLine: {
				lineStyle: {
					color: "rgba(255,255,255,.1)"
				}
			},
			axisLine: {
				lineStyle: {
					color: "rgba(255,255,255,.1)",
				}
			},
			axisLabel: {
				textStyle: {
					color: 'rgba(255,255,255,0.5)',
					fontSize: 12
				},
				formatter: function (value) {
					console.log(value);
					if (value == 0) {
						return '0'
					} else {
						if (value.toString().length == 9) {
							return value.toString().substr(0, 1) + '亿';
						} else {
							return value.toString().substr(0, 2) + '亿';
						}
					}
				}
			}
		},
		series: [{
			data: [],
			type: 'bar'
		}]
	};
	option && myChart.setOption(option);
	// 获取数据
	axios.get('/ym/reducerank1').then((response) => {
		option.xAxis.data = response.country;
		option.series[0].data = response.vacc_num;
		option && myChart.setOption(option);
	})
	window.addEventListener("resize", function () {
		myChart.resize();
	});
})();

// 立即执行函数
!(function () {
	var chartDom = document.getElementById('n_rank');
	var myChart = echarts.init(chartDom);
	var option;
	option = {
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "shadow"
			}
		},
		color: ["#3398DB"],
		grid: {
			containLabel: true,
			left: '0%',
			right: '0%',
			top: '5%',
			bottom: '0%',
		},
		xAxis: {
			type: 'category',
			data: [],
			axisLabel: {
				textStyle: {
					color: 'rgba(255,255,255,0.5)',
					fontSize: 10
				},
				interval: false,
				rotate: 40
			},
			axisTick: {
				alignWithLabel: true
			},
			axisLine: {
				show: false
			}
		},
		yAxis: {
			type: 'value',
			splitLine: {
				lineStyle: {
					color: "rgba(255,255,255,.1)"
				}
			},
			axisLine: {
				lineStyle: {
					color: "rgba(255,255,255,.1)",
				}
			},
			axisLabel: {
				textStyle: {
					color: 'rgba(255,255,255,0.5)',
					fontSize: 12
				}
			}
		},
		series: [{
			data: [],
			type: 'bar'
		}]
	};
	// 获取数据
	axios.get('/ym/reducerank2').then((response) => {
		option.xAxis.data = response.country;
		option.series[0].data = response.vacc_inr;
		option && myChart.setOption(option);
	})
	window.addEventListener("resize", function () {
		myChart.resize();
	});
})();

!(function () {
	var chartDom = document.getElementById('c_reduce');
	var myChart = echarts.init(chartDom);
	var option;
	option = {
		color: ["#ff8d1a"],
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				label: {
					backgroundColor: 'rgba(255,255,255,.6)'
				}
			}
		},
		grid: {
			left: "0%",
			right: "4.8%",
			bottom: "0%",
			top: "11%",
			containLabel: true
		},
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			axisLabel: {
				color: "rgba(255,255,255,.6)",
				fontSize: "12",
			},
			data: []
		}],
		yAxis: [{
			type: 'value',
			axisLabel: {
				color: "rgba(255,255,255,.6)",
				fontSize: "12",
				formatter: function (value) {
					if (value == 0) {
						return '0'
					} else {
						if (value.toString().length == 9) {
							return value.toString().substr(0, 1) + '亿';
						} else {
							return value.toString().substr(0, 2) + '亿';
						}
					}
				}
			},
		}],
		series: [{
			name: '累计接种',
			type: 'line',
			areaStyle: {
				color: "#ff8d1a"
			},
			emphasis: {
				focus: 'series'
			},
			data: []
		}]
	};
	// 获取数据
	axios.get('/ym/reduceadd').then((response) => {
		option.xAxis[0].data = response.day;
		option.series[0].data = response.vacc_num;
		option && myChart.setOption(option);
	})
	window.addEventListener("resize", function () {
		myChart.resize();
	});
})();

!(function () {
	var chartDom = document.getElementById('c_rank');
	var myChart = echarts.init(chartDom);
	var option;
	option = {
		color: ["#f31c73"],
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				label: {
					backgroundColor: 'rgba(255,255,255,.6)'
				}
			}
		},
		grid: {
			left: "1%",
			right: "0%",
			bottom: "0%",
			top: "11%",
			containLabel: true
		},
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			axisLabel: {
				color: "rgba(255,255,255,.6)",
				fontSize: "12",
			},
			data: []
		}],
		yAxis: [{
			type: 'value',
			axisLabel: {
				color: "rgba(255,255,255,.6)",
				fontSize: "12"
			},
		}],
		series: [{
			name: '累计接种',
			type: 'line',
			areaStyle: {
				color: "#f31c73"
			},
			emphasis: {
				focus: 'series'
			},
			data: []
		}]
	};
	axios.get('/ym/reducepeopleadd').then((response) => {
		option.xAxis[0].data = response.day;
		option.series[0].data = response.vacc_num;
		option && myChart.setOption(option);
	})
	window.addEventListener("resize", function () {
		myChart.resize();
	});
})();

!(function () {
	var chartDom = document.getElementById('map');
	var myChart = echarts.init(chartDom, 'dark');
	var option;
	option = {
		backgroundColor: "",
		title: {
			left: "center",
			top: "top"
		},
		tooltip: {
			trigger: "item",
		},
		visualMap: {
			type: "piecewise",
			textStyle: {
				fontSize: 10,
			},
			pieces: [{
					min: 100000000,
					max: 10000000000,
					label: "1亿剂以上",
					color: "#268585"
				},
				{
					min: 10000000,
					max: 100000000,
					label: "1000万-1000万剂",
					color: "#32abab",
				},
				{
					min: 1000000,
					max: 10000000,
					label: "100万-1000万剂",
					color: "#39c4c4"
				}, {
					min: 100000,
					max: 1000000,
					label: "10万-100万剂",
					color: "#3dd1d1"
				},
				{
					min: 1,
					max: 100000,
					label: "1-10万剂",
					color: "#bcf3f3"
				},
				{
					min: 0,
					max: 0,
					label: "0剂",
					color: "#ffffff"
				},
			],
		},
		series: [{
			name: "累计接种人数",
			type: "map",
			mapType: "world",
			roam: false,
			zoom: 1.3,
			label: {
				show: false,
			},
			itemStyle: {
				normal: {
					borderWidth: 1,
					borderColor: '#fff',
					areaColor: '#fff'
				},
				emphasis: {
					borderColor: "#fff",
					areaColor: "#c7fffd",
					label: {
						show: true
					}
				}
			},
			data: [],
			nameMap: {
				"Canada": "加拿大",
				"Turkmenistan": "土库曼斯坦",
				"Saint Helena": "圣赫勒拿",
				"Lao PDR": "老挝",
				"Lithuania": "立陶宛",
				"Cambodia": "柬埔寨",
				"Ethiopia": "埃塞俄比亚",
				"Faeroe Is.": "法罗群岛",
				"Swaziland": "斯威士兰",
				"Palestine": "巴勒斯坦",
				"Belize": "伯利兹",
				"Argentina": "阿根廷",
				"Bolivia": "玻利维亚",
				"Cameroon": "喀麦隆",
				"Burkina Faso": "布基纳法索",
				"Aland": "奥兰群岛",
				"Bahrain": "巴林",
				"Saudi Arabia": "沙特阿拉伯",
				"Fr. Polynesia": "法属波利尼西亚",
				"Cape Verde": "佛得角",
				"W. Sahara": "西撒哈拉",
				"Slovenia": "斯洛文尼亚",
				"Guatemala": "危地马拉",
				"Guinea": "几内亚",
				"Dem. Rep. Congo": "刚果（金）",
				"Germany": "德国",
				"Spain": "西班牙",
				"Liberia": "利比里亚",
				"Netherlands": "荷兰",
				"Jamaica": "牙买加",
				"Solomon Is.": "所罗门群岛",
				"Oman": "阿曼",
				"Tanzania": "坦桑尼亚",
				"Costa Rica": "哥斯达黎加",
				"Isle of Man": "曼岛",
				"Gabon": "加蓬",
				"Niue": "纽埃",
				"Bahamas": "巴哈马",
				"New Zealand": "新西兰",
				"Yemen": "也门",
				"Jersey": "泽西岛",
				"Pakistan": "巴基斯坦",
				"Albania": "阿尔巴尼亚",
				"Samoa": "萨摩亚",
				"Czech Rep.": "捷克",
				"United Arab Emirates": "阿拉伯联合酋长国",
				"Guam": "关岛",
				"India": "印度",
				"Azerbaijan": "阿塞拜疆",
				"N. Mariana Is.": "北马里亚纳群岛",
				"Lesotho": "莱索托",
				"Kenya": "肯尼亚",
				"Belarus": "白俄罗斯",
				"Tajikistan": "塔吉克斯坦",
				"Turkey": "土耳其",
				"Afghanistan": "阿富汗",
				"Bangladesh": "孟加拉国",
				"Mauritania": "毛里塔尼亚",
				"Dem. Rep. Korea": "朝鲜",
				"Saint Lucia": "圣卢西亚",
				"Br. Indian Ocean Ter.": "英属印度洋领地",
				"Mongolia": "蒙古",
				"France": "法国",
				"Cura?ao": "库拉索岛",
				"S. Sudan": "南苏丹",
				"Rwanda": "卢旺达",
				"Slovakia": "斯洛伐克",
				"Somalia": "索马里",
				"Peru": "秘鲁",
				"Vanuatu": "瓦努阿图",
				"Norway": "挪威",
				"Malawi": "马拉维",
				"Benin": "贝宁",
				"St. Vin. and Gren.": "圣文森特和格林纳丁斯",
				"Korea": "韩国",
				"Singapore": "新加坡",
				"Montenegro": "黑山共和国",
				"Cayman Is.": "开曼群岛",
				"Togo": "多哥",
				"China": "中国",
				"Heard I. and McDonald Is.": "赫德岛和麦克唐纳群岛",
				"Armenia": "亚美尼亚",
				"Falkland Is.": "马尔维纳斯群岛（福克兰）",
				"Ukraine": "乌克兰",
				"Ghana": "加纳",
				"Tonga": "汤加",
				"Finland": "芬兰",
				"Libya": "利比亚",
				"Dominican Rep.": "多米尼加",
				"Indonesia": "印度尼西亚",
				"Mauritius": "毛里求斯",
				"Eq. Guinea": "赤道几内亚",
				"Sweden": "瑞典",
				"Vietnam": "越南",
				"Mali": "马里",
				"Russia": "俄罗斯",
				"Bulgaria": "保加利亚",
				"United States": "美国",
				"Romania": "罗马尼亚",
				"Angola": "安哥拉",
				"Chad": "乍得",
				"South Africa": "南非",
				"Fiji": "斐济",
				"Liechtenstein": "列支敦士登",
				"Malaysia": "马来西亚",
				"Austria": "奥地利",
				"Mozambique": "莫桑比克",
				"Uganda": "乌干达",
				"Japan": "日本",
				"Niger": "尼日尔",
				"Brazil": "巴西",
				"Kuwait": "科威特",
				"Panama": "巴拿马",
				"Guyana": "圭亚那",
				"Madagascar": "马达加斯加",
				"Luxembourg": "卢森堡",
				"American Samoa": "美属萨摩亚",
				"Andorra": "安道尔",
				"Ireland": "爱尔兰",
				"Italy": "意大利",
				"Nigeria": "尼日利亚",
				"Turks and Caicos Is.": "特克斯和凯科斯群岛",
				"Ecuador": "厄瓜多尔",
				"U.S. Virgin Is.": "美属维尔京群岛",
				"Brunei": "文莱",
				"Australia": "澳大利亚",
				"Iran": "伊朗",
				"Algeria": "阿尔及利亚",
				"El Salvador": "萨尔瓦多",
				"C?te d'Ivoire": "科特迪瓦",
				"Chile": "智利",
				"Puerto Rico": "波多黎各",
				"Belgium": "比利时",
				"Thailand": "泰国",
				"Haiti": "海地",
				"Iraq": "伊拉克",
				"S?o Tomé and Principe": "圣多美和普林西比",
				"Sierra Leone": "塞拉利昂",
				"Georgia": "格鲁吉亚",
				"Denmark": "丹麦",
				"Philippines": "菲律宾",
				"S. Geo. and S. Sandw. Is.": "南乔治亚岛和南桑威奇群岛",
				"Moldova": "摩尔多瓦",
				"Morocco": "摩洛哥",
				"Namibia": "纳米比亚",
				"Malta": "马耳他",
				"Guinea-Bissau": "几内亚比绍",
				"Kiribati": "基里巴斯",
				"Switzerland": "瑞士",
				"Grenada": "格林纳达",
				"Seychelles": "塞舌尔",
				"Portugal": "葡萄牙",
				"Estonia": "爱沙尼亚",
				"Uruguay": "乌拉圭",
				"Antigua and Barb.": "安提瓜和巴布达",
				"Lebanon": "黎巴嫩",
				"Uzbekistan": "乌兹别克斯坦",
				"Tunisia": "突尼斯",
				"Djibouti": "吉布提",
				"Greenland": "格陵兰",
				"Timor-Leste": "东帝汶",
				"Dominica": "多米尼克",
				"Colombia": "哥伦比亚",
				"Burundi": "布隆迪",
				"Bosnia and Herz.": "波斯尼亚和黑塞哥维那",
				"Cyprus": "塞浦路斯",
				"Barbados": "巴巴多斯",
				"Qatar": "卡塔尔",
				"Palau": "帕劳",
				"Bhutan": "不丹",
				"Sudan": "苏丹",
				"Nepal": "尼泊尔",
				"Micronesia": "密克罗尼西亚",
				"Bermuda": "百慕大",
				"Suriname": "苏里南",
				"Venezuela": "委内瑞拉",
				"Israel": "以色列",
				"St. Pierre and Miquelon": "圣皮埃尔和密克隆群岛",
				"Central African Rep.": "中非",
				"Iceland": "冰岛",
				"Zambia": "赞比亚",
				"Senegal": "塞内加尔",
				"Papua New Guinea": "巴布亚新几内亚",
				"Trinidad and Tobago": "特立尼达和多巴哥",
				"Zimbabwe": "津巴布韦",
				"Jordan": "约旦",
				"Gambia": "冈比亚",
				"Kazakhstan": "哈萨克斯坦",
				"Poland": "波兰",
				"Eritrea": "厄立特里亚",
				"Kyrgyzstan": "吉尔吉斯斯坦",
				"Montserrat": "蒙特塞拉特",
				"New Caledonia": "新喀里多尼亚",
				"Macedonia": "马其顿",
				"Paraguay": "巴拉圭",
				"Latvia": "拉脱维亚",
				"Hungary": "匈牙利",
				"Syria": "叙利亚",
				"Honduras": "洪都拉斯",
				"Myanmar": "缅甸",
				"Mexico": "墨西哥",
				"Egypt": "埃及",
				"Nicaragua": "尼加拉瓜",
				"Cuba": "古巴",
				"Serbia": "塞尔维亚",
				"Comoros": "科摩罗",
				"United Kingdom": "英国",
				"Fr. S. Antarctic Lands": "南极洲",
				"Congo": "刚果（布）",
				"Greece": "希腊",
				"Sri Lanka": "斯里兰卡",
				"Croatia": "克罗地亚",
				"Botswana": "博茨瓦纳",
				"Siachen Glacier": "锡亚琴冰川地区"
			}
		}]
	};
	axios.get('/ym/nation').then((response) => {
		option.series[0].data = response.data;
		option && myChart.setOption(option);
	})
	window.addEventListener("resize", function () {
		myChart.resize();
	});
})();